<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录</title>
	<style>
		body {
			font-family: Arial, Helvetica, sans-serif;
			background-color: #f2f2f2;
		}
		.container {
			margin-top: 50px;
			display: flex;
			flex-direction: column;
			align-items: center;
		}
		h1 {
			color: #333;
			margin-bottom: 20px;
		}
		form {
			width: 400px;
			background-color: #fff;
			padding: 20px;
			border-radius: 5px;
			box-shadow: 0 0 10px rgba(0,0,0,0.3);
		}
		label {
			display: block;
			margin-bottom: 10px;
			color: #666;
		}
		input[type="text"], input[type="password"] {
			padding: 10px;
			border-radius: 5px;
			border: none;
			margin-bottom: 20px;
			width: 100%;
			box-sizing: border-box;
			box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
		}
		button {
			padding: 10px 20px;
			border-radius: 5px;
			background-color: #007bff;
			color: #fff;
			border: none;
			cursor: pointer;
			margin-right: 10px;
		}
		button:hover {
			background-color: #0062cc;
		}
		.signup-link {
			margin-top: 20px;
			color: #666;
			font-size: 14px;
		}
		.signup-link a {
			color: #007bff;
			text-decoration: none;
		}
	</style>
</head>
<body>
	<div class="container">
		<h1>登录</h1>
		<form action="/login" method="post">
			<label>用户名</label>
			<input type="text" name="username" placeholder="请输入用户名">
			<label>密码</label>
			<input type="password" name="password" placeholder="请输入密码">
			<button type="submit">登录</button>
			<span class="signup-link">没有账号？<a href="/register">立即注册</a></span>
		</form>
	</div>
</body>
</html>
